<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>京东服装</title>
<!--商场大牌111111-->
<!--温婉淑女-->
<link rel="stylesheet" href="css/jindexs.css" />
<link rel="stylesheet" href="css/Jing_Do.css" />
</head>
<body>
	<c:if test="${listClass==null }">
		<c:redirect url="Jingdong_classSys" />
	</c:if>

	<!--大盒子-->
	<div class="box">
		<!--导航栏-->
		<div class="jdm-toolbar-wrap J-wrap">
			<div class="jdm-toolbar J-toolbar">
				<div class="jdm-toolbar-panels J-panel"></div>
				<div class="jdm-toolbar-tabs J-tab">
					<div data-type="bar"
						class="J-trigger jdm-toolbar-tab jdm-tbar-tab-cart">
						<i class="tab-ico"></i> <em class="tab-text">购物车</em>
					</div>
					<div data-type="bar" clstag="h|keycount|cebianlan_h_follow|btn"
						class="J-trigger jdm-toolbar-tab jdm-tbar-tab-follow"
						data-name="follow" data-login="true">
						<i class="tab-ico"></i> <em class="tab-text">我的关注</em>
					</div>
					<div data-type="bar" clstag="h|keycount|cebianlan_h_history|btn"
						class="J-trigger jdm-toolbar-tab jdm-tbar-tab-history"
						data-name="history">
						<i class="tab-ico"></i> <em class="tab-text">我的足迹</em>
					</div>
					<div class="J-trigger jdm-toolbar-tab jdm-tbar-tab-message"
						data-name="message">
						<a target="_blank" href="#"> <i class="tab-ico"></i> <em
							class="tab-text">我的消息</em>
						</a>
					</div>
					<div data-type="bar" clstag="h|keycount|cebianlan_h_jimi|btn"
						class="J-trigger jdm-toolbar-tab jdm-tbar-tab-jimi"
						data-name="jimi" data-login="true"
						data-iframe="//jimi.jd.com/index.action?source=jdhome">
						<i class="tab-ico"></i> <em class="tab-text">咨询JIMI</em>
					</div>
				</div>
				<div class="jdm-toolbar-footer">
					<div data-type="link" id="#top"
						class="J-trigger jdm-toolbar-tab jdm-tbar-tab-top">
						<a href="#" clstag="h|keycount|cebianlan_h|top"> <i
							class="tab-ico"></i> <em class="tab-text">顶部</em>
						</a>
					</div>
					<div data-type="link"
						class="J-trigger jdm-toolbar-tab jdm-tbar-tab-feedback">
						<a
							href="http://surveys.jd.com/index.php?r=survey/index/sid/889711/newtest/Y/lang/zh-Hans"
							target="_blank" clstag="h|keycount|cebianlan_h|feedback"> <i
							class="tab-ico"></i> <em class="tab-text">反馈</em>
						</a>
					</div>
					<div data-type="link"
						class="J-trigger jdm-toolbar-tab jdm-tbar-tab-survey">
						<a
							href="http://surveys.jd.com/index.php?r=survey/index/sid/527411/lang/zh-Hans"
							target="_blank" clstag="h|keycount|cebianlan_h|survey"> <em
							class="tab-text">有奖调查</em>
						</a>
					</div>
				</div>
				<div class="jdm-toolbar-mini"></div>
			</div>
			<div id="J-toolbar-load-hook" clstag="h|keycount|cebianlan_h|load"></div>
		</div>
		<!-----------------------------------------顶部-------------->
		<header id="header">
		<div class="header-box">
			<ul class="header-left">
				<li class="bj">当前:&nbsp;&nbsp;湖南 <i class="ci-leftll"> <s
						class="jt">◇</s>
				</i>
					<div class="bj-1">
						<a href="">北京</a> <a href="">上海</a> <a href="">天津</a> <a href="">重庆</a>
						<a href="">河北</a> <a href="">山西</a> <a href="">河南</a> <a href="">辽宁</a>
						<a href="">吉林</a> <a href="">黑龙江</a> <a href="">浙江</a> <a href="">江苏</a>
						<a href="">山东</a> <a href="">安徽</a> <a href="">内蒙古</a> <a href="">湖北</a>
						<a href="">湖南</a> <a href="">广东</a> <a href="">广西</a> <a href="">江西</a>
						<a href="">四川</a> <a href="">海南</a> <a href="">贵州</a> <a href="">云南</a>
						<a href="">西藏</a> <a href="">陕西</a> <a href="">甘肃</a> <a href="">青海</a>
						<a href="">宁夏</a> <a href="">新疆</a> <a href="">台湾</a> <a href="">香港</a>
						<a href="">澳门</a> <a href="">海外</a> <a href="">钓鱼岛</a>
					</div>
				</li>
			</ul>
			<ul class="header-right">
				<li><c:if test="${sessionScope.loginname==null}">
						<a href=""> 你好,请登录 <i class="top-car left"></i> <!--设置图标-->
							&nbsp; <span style="color: red;">免费注册</span>
						</a>
					</c:if> <c:if test="${sessionScope.loginname != null}">
						<a href="">${sessionScope.loginname}</a>
					</c:if></li>
				<li class="shu"></li>
				<li class="denglu"><a href="#">我的订单</a></li>
				<li class="shu"></li>
				<li class="my bj"><a href="#">我的京东</a> <i class="ci-right ">
						<s class="jt">◇</s>
				</i>
					<div class="my1">
						<div class="my2">
							<img src="pi_cture/no-img_mid_.jpg">
							<div class="my3">
								<h3 class="neirong2">
									<a href="">您好请登录</a>
								</h3>
								<p class="neirong2">
									<a href="">优惠卷 丨 消息</a>
								</p>
							</div>
						</div>
						<ul class="neirong2">
							<li><a href="">带处理订单</a></li>
							<li><a href="">京我的订单</a></li>
							<li><a href="">京咨询回复</a></li>
							<li><a href="">京我的京豆</a></li>
							<li><a href="">京降价商品</a></li>
							<li><a href="">京我的理财</a></li>
							<li><a href="">京返修退换货</a></li>
							<li><a href="">京东白条</a></li>
						</ul>
					</div></li>
				<li class="shu"></li>
				<li class="denglu"><a href="#">京东会员</a></li>
				<li class="shu"></li>
				<li class="denglu"><a href="#">企业采购</a></li>
				<li class="shu"></li>
				<li class="shouji bj"><a href="#">手机京东</a> <i class="ci-right ">
						<s class="jt">◇</s>
				</i>
					<div class="shouji1">
						<img src="./pi_cture/11.jpg" class="shouji4">
						<div class="shouji2">
							<p>京东客户端</p>
							<p class="red">首次下单满79元，送79元</p>
							<img src="./pi_cture/333.jpg" class="shouji3"> <img
								src="./pi_cture/333.jpg" class="shouji3"> <img
								src="./pi_cture/333.jpg" class="shouji3">

						</div>
						<div class="yi">
							<img src="./pi_cture/222.jpg" class="shouji4">
							<div class="er">
								<p>京东钱包客户端</p>
								<p class="red">一分钱抢超值豪礼</p>
								<img src="./pi_cture/333.jpg" class="shouji3"> <img
									src="./pi_cture/333.jpg" class="shouji3"> <img
									src="./pi_cture/333.jpg" class="shouji3">

							</div>
						</div>
					</div></li>
				<li class="shu"></li>
				<li class="guanzhu bj"><a href="#">关注京东</a> <i
					class="ci-right "> <s class="jt">◇</s>
				</i>
					<div class="guanzhu1">
						<img src="./pi_cture/54c84f72Ncc1a02a2.jpg">
					</div></li>
				<li class="shu"></li>
				<li class="kehu bj"><a href="#">客户服务</a> <i class="ci-right ">
						<s class="jt">◇</s>
				</i>
					<div class="kehu1">
						<h3 class="neirong2">客户</h3>
						<ul class="kehu2">
							<li><a href="">帮助中心</a></li>
							<li><a href="">售后服务</a></li>
							<li><a href="">在线客服</a></li>
							<li><a href="">帮助中心</a></li>
							<li><a href="">客服邮箱</a></li>
						</ul>
						<div>
							<ul class="kehu3">
								<h3 class="neirong2 ll">客户</h3>
								<li><a href="">京东商学院</a></li>
							</ul>
						</div>
					</div></li>
				<li class="shu"></li>
				<li class="daohang"><a href="#">网站导航</a> <i class="ci-right ">
						<s class="jt">◇</s>
				</i>
					<div class="aa">
						<div class="neirong">
							<h4 class="neirong2">特色主题</h4>
							<ul>
								<li><a href="">品牌街</a></li>
								<li><a href="">今日抄底</a></li>
								<li><a href="">好东西</a></li>
								<li><a href="">京东预售</a></li>
							</ul>
							<ul>

								<li><a href="">尖er货</a></li>
								<li><a href="">京东首发</a></li>
								<li><a href="">今日团购</a></li>
								<li><a href="">优惠券</a></li>
							</ul>
							<ul>

								<li><a href="">闪购</a></li>
								<li><a href="">京东会员</a></li>
								<li><a href="">京东京选</a></li>
								<li><a href="">定期送</a></li>
							</ul>
							<ul>

								<li><a href="">装机大师</a></li>
								<li><a href="">新奇特</a></li>
								<li><a href="">京东试用</a></li>

							</ul>

						</div>
						<div class="neirong">

							<h4 class="neirong2">行业频道</h4>

							<ul>

								<li><a href="">品牌街</a></li>
								<li><a href="">今日抄底</a></li>
								<li><a href="">好东西</a></li>

							</ul>
							<ul>

								<li><a href="">尖er货</a></li>
								<li><a href="">京东首发</a></li>
								<li><a href="">今日团购</a></li>

							</ul>
							<ul>

								<li><a href="">闪购</a></li>
								<li><a href="">京东会员</a></li>
								<li><a href="">京东京选</a></li>

							</ul>
							<ul>

								<li><a href="">装机大师</a></li>
								<li><a href="">新奇特</a></li>
								<li><a href="">京东试用</a></li>

							</ul>
							<ul>

								<li><a href="">智能馆</a></li>
								<li><a href="">玩bigger</a></li>
								<li><a href="">大牌免息</a></li>

							</ul>
						</div>
						<div class="neirong">
							<h4 class="neirong2">生活服务</h4>
							<ul>
								<li><a href="">品牌街</a></li>
								<li><a href="">今日抄底</a></li>
								<li><a href="">好东西</a></li>
							</ul>
							<ul>
								<li><a href="">尖er货</a></li>
								<li><a href="">京东首发</a></li>
								<li><a href="">今日团购</a></li>
							</ul>
							<ul>
								<li><a href="">闪购</a></li>
								<li><a href="">京东会员</a></li>
								<li><a href="">京东京选</a></li>
							</ul>
							<ul>
								<li><a href="">装机大师</a></li>
								<li><a href="">新奇特</a></li>
								<li><a href="">京东试用</a></li>
							</ul>
							<ul>
								<li><a href="">智能馆</a></li>
								<li><a href="">玩bigger</a></li>
								<li><a href="">大牌免息</a></li>
							</ul>
						</div>
						<div class="neirong neirong3">
							<h4 class="neirong2">更多精选</h4>
							<ul>
								<li><a href="">品牌街</a></li>
								<li><a href="">今日抄底</a></li>
								<li><a href="">好东西</a></li>
							</ul>
							<ul>
								<li><a href="">尖er货</a></li>
								<li><a href="">京东首发</a></li>
								<li><a href="">今日团购</a></li>
							</ul>
							<ul>
								<li><a href="">闪购</a></li>
								<li><a href="">京东会员</a></li>
								<li><a href="">京东京选</a></li>
							</ul>
							<ul>
								<li><a href="">装机大师</a></li>
								<li><a href="">新奇特</a></li>
								<li><a href="">京东试用</a></li>
							</ul>
							<ul>
								<li><a href="">智能馆</a></li>
								<li><a href="">玩bigger</a></li>
								<li><a href="">大牌免息</a></li>
							</ul>
						</div>
					</div></li>
			</ul>
		</div>
		</header>

		<!--导航栏广告图-->
		<div style="text-align: center;">
			<div style="position: relative; z-index: 2;" class="advertising">
				<img src="img/顶部广告.png" />
			</div>
			<!--<div class="delice" id="backs">
					<a href="#"><img src="img/删除按钮图片.png"></a>
				</div>-->
		</div>

		<div id="zhonj">
			<div class="tupian" style="margin-left: 42px; margin-top: -17px;">
				<img src="img/京东logo动图.gif" style="width: 230px; height: 188px;" />
			</div>
			<!--搜索框-->
			<div class="container">
				<div class="input">
					<input type="text" placeholder="2020新品" autocomplete="off"
						id="search-input" />
					<div class="picker">热搜</div>
					<ul class="picker-list">
						<li style="background-image: url(img/T恤小图标.png)"
							data-logo="sogou.png">T恤</li>
						<li style="background-image: url(img/卫衣小图标.png)"
							data-logo="bing.png">卫衣</li>
						<li style="background-image: url(img/连衣裙小图标.png)"
							data-logo="baidu.png">连衣裙</li>
						<li style="background-image: url(img/休闲鞋小图标.png)"
							data-logo="google.png">休闲鞋</li>
					</ul>
					<!--大家都在穿-->
					<div class="hot-list"></div>
				</div>
				<!--设置搜搜-->
				<div class="search"></div>
			</div>

			<!--我的购物车-->
			<div class="shopping">
				<div class="car_t">
					<span class="sp" id="cart"><a href="#">我的购物车</a></span>
				</div>
				<!--我的购物车内容-->
				<div class="setting"></div>
				<div class="shop" id="cartList">
					<div class="imge" style="margin-left: 35px; margin-top: 15px;">
						<img src="img/空购物车.png" />
					</div>
					<span>购物车中还没有商品，赶紧选购吧！</span>
				</div>

				<!--搜索框下的衣服新品-->
				<div class="clothing">
					<ul>
						<li><a href="#">女装新品</a></li>

						<li><a href="#">商场同款</a></li>

						<li><a href="#">连衣裙</a></li>

						<li><a href="#">T恤</a></li>

						<li><a href="#">休闲裤</a></li>

						<li><a href="#">衬衫</a></li>

						<li><a href="#">牛仔裤</a></li>

						<li><a href="#">短外套</a></li>
					</ul>
				</div>

				<!--女装新品推荐-->
				<div class="reco-m">
					<ul>
						<c:set var="sss" value="0"></c:set>
						<c:forEach var="clssSys" items="${listClass}">
							<c:if test="${sss==2 }">
								<li><a href="#" class="mue-img">${clssSys.name}</a></li>
							</c:if>
							<c:if test="${sss !=2 }">
								<li><a href="#">${clssSys.name}</a></li>
							</c:if>
							<c:set var="sss" value="${sss+1}"></c:set>
						</c:forEach>
					</ul>
				</div>
				<!--下划线-->
				<div class="cter"></div>

				<!--广告视频-->
				<div id="feq-u">
					<video muted loop autoplay> <source
						src="video/马卡龙心情 dior 2020春季系列glow vibes彩妆广告-蓝光1080p.mp4"></source>
					</video>
				</div>
				<!--设置收藏图标-->
				<div class="dsv">
					<a href="#"><span>收藏</span></a>
				</div>
			</div>

			<!--设置切换框-->
			<div id="big_banner_wrap">
				<ul class="fenlei">
					<li
						style="color: #FFFFFF; font-size: 16px; padding-left: 28px; padding-top: 10px;">女装商品分类</li>
				</ul>
				<ul id="banner_menu_wrap">
					<c:set var="wode1" value="560"></c:set>
					<c:set var="wode2" value="1"></c:set>
					<c:set var="wode" value="20"></c:set>
					<c:forEach items="${s }" var="ddd1"  varStatus="userStatus">
						<c:if test="${ddd1.type == 1}">
							<c:if test="${wode2 >1}"><c:set var = "wode1" value="260"></c:set></c:if>
							<li>
								<a class="mue_btn"
									style="background:url(img/${ddd1.iconClass})no-repeat left;  padding-left:34px; font-size:15px;">
								<strong>${ddd1.name }</strong>
								</a> 
								<a><span style="margin-left: 14px;">${ddd1.attachment }</span></a>
								<div class="banner_menu_content"  style="width:${wode1 }px; top: -${wode}px;">
												<c:if test="${userStatus.index == 0  }">
														<ul class="banner_menu_content_ul">
														<c:set var="bibi" value="1"></c:set>
														<c:forEach items="${s }" var ="ddd2">
															<c:if test="${ddd2.type ==2 and  ddd2.parentId==ddd1.id }">
																<c:if test="${bibi < 8 }">
																		<li>
																			<a><img style="margin-top:12px;" src="images/${ddd2.name }"></a>
																			<a style="margin-left: 25px; color:#666666;">
																				<strong>${ddd2.attachment }</strong>
																			</a>
																		</li>
																		<c:set var="bibi" value="${bibi+1 }"></c:set>
																</c:if>
															</c:if>
														</c:forEach>
													</ul>
													<ul class="banner_menu_content_ul">
													<c:set var="bibipp" value="1"></c:set>
													<c:forEach items="${s }" var ="dddll">
															<c:if test="${dddll.type ==2 and  dddll.parentId==ddd1.id }">
																<c:if test="${bibipp > 7 &&  bibipp < 12}">
																			<li>
																				<a><img style="margin-top:12px;" src="images/${dddll.name }"></a>
																				<a style="margin-left: 25px; color:#666666;">
																					<strong>${dddll.attachment }</strong>
																				</a>
																			</li>
																</c:if>
																<c:if test="${ bibipp == 12}">
																		<li>
																			<a><img style="margin-top:12px;" src="images/${dddll.name }"></a>
																			<a style="margin-left: 25px; color:#666666;">
																				<strong>${dddll.attachment }</strong>
																			</a>
																			<span style="width:150px;position:absolute; top:230px;left:-75px;">
																			<strong>特卖</strong>
																			</span>
																		</li>
																</c:if>
																<c:set var="bibipp" value="${bibipp+1 }"></c:set>
															</c:if>
														</c:forEach>
													</ul>
												</c:if>
										<c:if test="${userStatus.index > 0}">
										<ul class="skirt">
											<c:forEach items="${s }" var = "assaas">
												<c:if test="${assaas.type ==2 and  assaas.parentId==ddd1.id }">
															<h4 style="margin-left:16px; margin-top:20px;">${assaas.name }</h4>
														<c:forEach items="${s }" var="listaaaa" varStatus="userStatus">
																<c:if test="${listaaaa.type ==3 and  listaaaa.parentId==assaas.id }">
																		<a href="#"><span>${listaaaa.name }</span></a>
																</c:if>
														</c:forEach>
														<li style="border-bottom: 1px #CCCCCC solid; width:185px; margin-left:32px; margin-top:-35px;"></li>
												</c:if>
											</c:forEach>
										</ul>
										</c:if>
										<c:if test="${userStatus.index > 4  }">
										</c:if>
								</div>
							</li>
							<c:set var="wode" value="${wode+42 }"></c:set>
							<c:set var="wode2" value="${wode2+1}"></c:set>
						</c:if>
					</c:forEach>
				</ul>
			</div>
		</div>

		<!--背景图片-->
		<div class="picture"></div>

		<!--限时抢购-->
		<!--整个盒子--限时秒杀-->
		<div id="box_max">
			<div class="aui-max">
				<div class="aui-time">
					<a href="javascript:;" class="aui-sale-time">
						<div class="aui-sale-title">限时秒杀</div>
						<div class="aui-sale-second">FLASH DEALS</div>
						<div class="aui-sale-icon-sd"></div>
						<div class="aui-sale-ends">
							<strong>14:00</strong>&nbsp;点场倒计时
						</div>

						<div class="aui-sale-count">
							<div class="aui-sale-count-item">
								<span id="hour_show">00</span>
								<!--时-->

							</div>
							<div class="aui-sale-count-item">
								<span id="minute_show">00</span>
								<!--分-->
							</div>
							<div class="aui-sale-count-item">
								<span id="second_show">00</span>
								<!--秒-->
							</div>
						</div>

						<div class="hour_show_sliso">
							<ul>
								<li>
									<h1>:</h1>
								</li>
								<li>
									<h1>:</h1>
								</li>
							</ul>
						</div> <span><img src="img/未标题-1.png" /></span>
					</a>
				</div>

				<div class="aui-content-box">
					<div class="prev">
						<a href="javascript:void(0)"> <img src="img/prev.png" alt="">
						</a>
					</div>
					<div class="aui-content-box-ovf">
						<div class="aui-content-box-list">
							<ul>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd1.jpg" alt="">
										</div>
										<p class="aui-content-item-name">缎布连衣裙</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>220.90</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>429.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd2.jpg" alt="">
										</div>
										<p class="aui-content-item-name">长款背心</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>390.90</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>429.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd3.jpg" alt="">
										</div>
										<p class="aui-content-item-name">薄纱连衣裙</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>132.00</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>229.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd4.jpg" alt="">
										</div>
										<p class="aui-content-item-name">亮面马海毛开衫</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>88.00</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>229.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd5.jpg" alt="">
										</div>
										<p class="aui-content-item-name">装饰元素卡迪连衣裙</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>165.50</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>219.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd6.jpg" alt="">
										</div>
										<p class="aui-content-item-name">薄纱连衣裙</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>132.00</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>239.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd7.jpg" alt="">
										</div>
										<p class="aui-content-item-name">牛仔半身裙</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>54.50</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>129.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd8.jpg" alt="">
										</div>
										<p class="aui-content-item-name">褶裥牛仔半身裙</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>110.00</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>229.90</span>
											</span>
										</div>
								</a></li>
								<li><a href="#">
										<div class="aui-content-item-img">
											<img src="img/pd9.jpg" alt="">
										</div>
										<p class="aui-content-item-name">马海毛粗花呢大衣</p>
										<div class="aui-content-price">
											<span class="aui-content-price-new"> <i>¥</i> <span>422.00</span>
											</span> <span class="aui-content-price-origin"> <i>¥</i> <span>529.90</span>
											</span>
										</div>
								</a></li>
							</ul>
						</div>
					</div>
					<div class="next">
						<a href="javascript:void(0)"> <img src="img/next.png" alt="">
						</a>
					</div>
				</div>
				<div class="aui-small-ad">
					<div class="example2">
						<ul>
							<li><img src="img/ad2.jpg" alt="2"></li>
							<li><img src="img/ad1.jpg" alt="1"></li>
							<li><img src="img/ad3.jpg" alt="3"></li>
						</ul>
						<ol>
							<li></li>
							<li></li>
							<li></li>
						</ol>
					</div>
				</div>
			</div>
		</div>

		<!--品牌推荐-->
		<div id="m-mmend" style="position: absolute; top: 1210px; left: 50px;">
			<ul style="margin-left: -10px;">
				<li style="width: 2px; height: 40px; background: red;"></li>
				<h1 style="margin-top: -46px; margin-left: 10px;">
					品牌推荐&nbsp;&nbsp;<span style="color: #CCCCCC">NEW</span>
				</h1>
				<li style="margin-left: 10px; font-size: 12px; color: #CCCCCC;">CONTEMPORARY
					ITEMS BEST ONLINE SHOPPING PLACE FOR YOU</li>
			</ul>

			<div class="one" style="margin-top: 4px;">
				<ul class="huodong" style="margin-left: -18px;">
					<div class="tuij">
						<li style="height: 414px;"><a href="#"> <img
								src="img/品牌推荐1.jpg" />
						</a>

							<div class="pick">
								<p>hotwind热风于1996年始创于时尚之都</p>
								<p>—上海，至今已发展成为国内知名的集</p>
								<p>设计、精选和销售于一体， 商品涵盖鞋</p>
							</div> <span class="imm"> <a href="#"><img
									src="img/品牌推荐logo.png" /></a>
						</span></li>
					</div>

					<div class="dahd">
						<li style="height: 201px;"><a href="#"> <img
								src="img/品牌推荐-2_03.jpg" />
						</a> <a href="#"> <span
								style="margin-top: -3px; margin-left: -51px;">去看看</span>
						</a></li>

						<li style="height: 201px;"><a href="#"> <img
								src="img/品牌推荐-2_05.jpg" />
						</a> <a href="#"> <span
								style="margin-left: 355px; margin-top: -5px;">去看看</span>
						</a></li>

						<li style="height: 201px;"><a href="#"> <img
								src="img/品牌推荐-2_09.jpg" />
						</a> <a href="#"> <span
								style="margin-left: -50px; margin-top: 200px;">去看看</span>
						</a></li>

						<li style="height: 201px;"><a href="#"> <img
								src="img/品牌推荐-2_10.jpg" />
						</a> <a href="#"> <span
								style="margin-left: 358px; margin-top: 200px;">去看看</span>
						</a></li>
					</div>
				</ul>
			</div>
		</div>

		<!--图片墙换一批效果-->
		<div id="change">
			<ul id="iconWall">
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico2.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico1.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 33.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico3.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico4.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico5.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico6.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico7.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico8.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico9.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico10.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico11.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico12.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico13.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico14.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico15.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico16.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico17.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico18.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico19.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico20.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico21.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico22.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico23.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico24.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico25.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico26.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico27.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico28.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico29.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico30.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico31.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico32.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico33.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico34.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico35.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico36.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico37.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico38.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico39.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico40.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico41.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico42.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico43.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico44.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico45.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico46.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico47.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico48.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico49.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico50.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico51.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico52.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico53.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico54.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico55.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico56.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>
				<li>
					<div class="img-3d">
						<div class="img-back">
							<img src="brand/ico57.jpg" alt="">
						</div>
						<div class="img-front">
							<img src="brand/ico58.jpg" alt="">
						</div>
					</div>
					<div class="mask">
						<img src="brand/heart.png" alt="">
						<p>关注人数 323.4万</p>
						<a href="javascript:">点击进入</a>
					</div>
				</li>

				<li id="btnRefresh">
					<div class="iconRefresh"></div> <span>换一批</span>
				</li>
			</ul>
		</div>

		<!--今日上新-->
		<div id="shnagx" style="position: absolute; top: 2040px; left: 25px;">
			<ul>
				<li style="width: 2px; height: 40px; background: red;"></li>
				<h1 style="margin-top: -46px; margin-left: 10px;">
					今日上新&nbsp;&nbsp;<span style="color: #CCCCCC">NEW</span>
				</h1>
				<li style="margin-left: 10px; font-size: 12px; color: #CCCCCC;">CONTEMPORARY
					ITEMS BEST ONLINE SHOPPING PLACE FOR YOU</li>
			</ul>

			<div class="product">
				<ul>

					<li><a href="#"><img src="images/今日上新_03.jpg"
							title="伊雅露莎旗舰店" /></a></li>

					<a href="">
						<div class="cjeack" style="margin-left: -5px; margin-top: 1px;">
							<p>
								满300减30<br /> 立即进入
							</p>
						</div>
					</a>

					<li><a href="#"><img src="images/今日上新_04.jpg"
							title="Hcollection旗舰店" /></a></li>

					<a href="">
						<div class="cjeack" style="margin-left: 240px; margin-top: 1px;">
							<p>
								爆款6折热卖<br /> 立即进入
							</p>
						</div>
					</a>

					<li><a href="#"><img src="images/今日上新_05.jpg"
							title="纳薇官方旗舰店" /></a></li>

					<a href="">
						<div class="cjeack" style="margin-left: 486px; margin-top: 1px;">
							<p>
								新款法式优雅风<br /> 立即进入
							</p>
						</div>
					</a>

					<li><a href="#"><img src="images/今日上新_07.jpg"
							title="ESPRIT旗舰店" /></a></li>

					<a href="">
						<div class="cjeack" style="margin-left: 730px; margin-top: 1px;">
							<p>
								2件8折3件7折<br /> 立即进入
							</p>
						</div>
					</a>

					<li><a href="#"><img src="images/今日上新_09.jpg"
							title="KINGDEER鹿王羊绒官方旗舰店" /></a></li>

					<a href="">
						<div class="cjeack" style="margin-left: 976px; margin-top: 1px;">
							<p>
								春季新款羊绒衫<br /> 立即进入
							</p>
						</div>
					</a>
				</ul>
			</div>
		</div>

		<!--潮流穿搭-->
		<div id="shnagx" style="position: absolute; top: 2550px; left: 25px;">
			<ul>
				<li style="width: 2px; height: 40px; background: red;"></li>
				<h1 style="margin-top: -46px; margin-left: 10px;">
					潮流穿搭&nbsp;&nbsp;<span style="color: #CCCCCC">TREND</span>
				</h1>
				<li style="margin-left: 10px; font-size: 12px; color: #CCCCCC;">CONTEMPORARY
					ITEMS BEST ONLINE SHOPPING PLACE FOR YOU</li>
			</ul>

			<div class="wea">
				<ul id="Reco">
					<li>
						<div class="im-ba">
							<img src="images/潮流搭配1.jpg" />
						</div>

						<div style="margin-top: -250px; margin-left: 59px;" id="agv">
							<h3>小个子强烈推荐</h3>
							<span style="color: #8B7D7B;"><a href="#">COPV女生气质&nbsp;复古T恤...</a></span>
						</div>
					</li>

					<li>
						<div class="im-ba">
							<img src="images/潮流搭配2.jpg" />
						</div>
						<div style="position: absolute; top: 120px; left: 750px;" id="agv">
							<h3>早春新品来袭</h3>
							<span> <a href="#">
									<p>明星同款墨镜,演绎与众不同的</p>
									<p>早春潮流新风尚</p>
							</a>
							</span>
						</div>
					</li>

					<li>
						<div class="im-ba">
							<img src="images/潮流搭配26.jpg" />
						</div>
						<div style="margin-top: -150px; margin-left: 50px;" id="agv">
							<h3>可爱的暖春日记</h3>
							<span><a href="#">感受阳光沙滩与浪...</a></span>
						</div>
					</li>

					<li>
						<div class="i">
							<img src="images/潮流搭配3.jpg" />
						</div>

						<div style="margin-left: 510px; margin-top: -110px;" id="agv">
							<h3>春天‘新’荡漾,别致衣衫</h3>
							<span><a href="#">特色女装低至39元</a></span>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!--国际大牌-->
		<div id="shnagx"
			style="position: absolute; top: 3120px; left: 25px; overflow: hidden;">
			<ul>
				<li style="width: 2px; height: 40px; background: red;"></li>
				<h1 style="margin-top: -46px; margin-left: 10px;">
					国际大牌&nbsp;&nbsp;<span style="color: #CCCCCC">INTERNATIONAL</span>
				</h1>
				<li style="margin-left: 10px; font-size: 12px; color: #CCCCCC;">CONTEMPORARY
					ITEMS BEST ONLINE SHOPPING PLACE FOR YOU</li>
			</ul>

			<div id="major">
				<div id="flash">
					<div id="prev"></div>
					<div id="next"></div>
					<ul id="play">
						<li style="display: block;"><img src="images/1.jpg" alt="" /></li>
						<li><img src="images/2.jpg" alt="" /></li>
						<li><img src="images/3.jpg" alt="" /></li>
						<li><img src="images/4.jpg" alt="" /></li>
						<li><img src="images/5.jpg" alt="" /></li>
					</ul>
					<ul id="button">
						<li>
							<div style="background: #A10000;"></div>
						</li>
						<li>
							<div></div>
						</li>
						<li>
							<div></div>
						</li>
						<li>
							<div></div>
						</li>
						<li>
							<div></div>
						</li>
					</ul>
				</div>
			</div>

			<div class="dibu"></div>

			<div style="position: absolute;" id="ional">
				<ul>
					<li><a href="#"> <img src="img/未标题-2_03.jpg" />
							<h1
								style="position: absolute; top: 276px; left: 58px; font-size: 17px; color: #2F3430;">
								新潮韩式休闲风</h1>
					</a></li>

					<li><a href="#"> <img src="img/未标题-2_05.jpg" />
							<h1
								style="position: absolute; top: 276px; left: 298px; font-size: 17px; color: #2F3430;">
								日系潮流女装</h1>
					</a></li>

					<li><a href="a"> <img src="img/未标题-3_03.jpg" />
							<h1
								style="position: absolute; top: 606px; left: 58px; font-size: 17px; color: #2F3430;">
								法式极简优雅风</h1>
					</a></li>

					<li><a href="#"> <img src="img/未标题-3_05.jpg" />
							<h1
								style="position: absolute; top: 600px; left: 300px; font-size: 17px; color: #2F3430;">
								法式极简优雅风</h1>
					</a></li>
				</ul>
			</div>
		</div>

		<div id="shnagx" style="position: absolute; top: 3866px; left: 25px;">
			<ul>
				<li style="width: 2px; height: 40px; background: red;"></li>
				<h1 style="margin-top: -46px; margin-left: 10px;">
					商场大牌&nbsp;&nbsp;<span style="color: #CCCCCC">INTERNATIONAL</span>
				</h1>
				<li style="margin-left: 10px; font-size: 12px; color: #CCCCCC;">CONTEMPORARY
					ITEMS BEST ONLINE SHOPPING PLACE FOR YOU</li>
			</ul>

			<div class="home-special-buy-v4 w">
				<div class="hs-content" style="position: relative;">
					<div class="has-col1">
						<a target="_blank" href="#" class="has-item">
							<p class="area-tit" style="border-bottom: none;">新发现</p>
							<div class="sub-tit" style="margin-left: 140px;">
								<p class="tit">FASHION</p>
								<p class="desc">
									<strong>恣意生长</strong>
								</p>
								<p class="promotion">早春新品发布</p>
							</div> <img src="images/img/56ce76b3N70dd538b.jpg">
						</a> <a target="_blank" href="#" class="has-item-small">
							<div class="sub-tit">
								<p class="tit" style="color: #2F3430;">热销单品</p>
								<p class="desc">专区5折直降叠劵</p>
								<p class="promotion">下单立减50</p>
							</div>
							<div class="img_animation">
								<!--<img src="images/img/56cd90b9N0a81f09c.jpg">-->
								<img src="images/img/56cd90b9N0a81f09c.png" />
							</div>
						</a> <a target="_blank" href="#" class="has-item-small">
							<div class="sub-tit">
								<p class="tit" style="color: #2F3430;">暖春单品</p>
								<p class="desc">女神当道,春季焕新</p>
								<p class="promotion">每满300减30</p>
							</div>
							<div class="img_animation">
								<img src="images/img/56ce6b9aN1c2ecedd.png">
							</div>
						</a>
					</div>
					<div class="has-col2">
						<a clstag="h|keycount|2015|13c" target="_blank" href="#"
							class="has-item">
							<p class="area-tit" style="border-bottom: none;">好东西</p>
							<div class="sub-tit" style="margin-left: -4px;">
								<p class="tit">女神节预售专区</p>
								<p class="desc">定金至多5倍膨胀</p>
								<p class="promotion">限时8折到手价</p>
							</div> <img src="images/img/56cfe74fN656e8551.jpg">
						</a> <a target="_blank" href="#" class="has-item-small">
							<div class="sub-tit">
								<p class="tit" style="color: #2F3430;">畅销单品</p>
								<p class="desc">设计潮流盛行季</p>
								<p class="promotion">跨店满399减80</p>
							</div>
							<div class="img_animation">
								<img src="images/img/56cecc2cNef8bb127 (1).png">
							</div>
						</a>
					</div>
					<div class="has-col3">
						<a clstag="h|keycount|2015|13a" target="_blank" href="#" class="">
							<img src="images/img/56cfb194N1f7db68f.jpg">
						</a>
					</div>
					<div class="hs-brands">
						<div class="brands-left" id="brands_img">
							<ul>
								<li><a href="#" class="item"><img
										src="images/img/56c6e6d1N5ca75add.jpg"></a></li>

								<li><a class="item"> <a href="#" class="item"><img
											src="images/img/56c6e7eeN5b058659.jpg"></a></li>
								<li><a href="#" class="item"><img
										src="images/img/56c6e872Nb185d562.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56c6e93aNbe80cb1b.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56c6e6d1N5ca75addd.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56c6e9f8N4dbb9d82.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56c6ea8aN2c6a427d.jpg"></a> </a></li>
							</ul>
						</div>
						<div class="brands-right" id="brands_img">
							<ul>
								<li><a href="#" class="item"><img
										src="images/img/56cad6bbNfb26d292.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56cad7d2N1874563f.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56cada49N382d2e2c.jpg"></a></li>
								<li><a href="#" class="item"><img
										src="images/img/56cad85aNcbcc9dd3.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56cfc8ecN4e1be163 (1).jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56cad903N7a43faa0.jpg"></a> </a></li>
								<li><a href="#" class="item"><img
										src="images/img/56cad9bfN2f47ae16.jpg"></a> </a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-banner-1">
				<img src="images/img/kx.png" alt="">
			</div>
		</div>

		<!--********************温婉淑女***********************-->
		<div id="shnagx" style="position: absolute; top: 4497px; left: 4px;">
			<ul style="margin-left: 24px;">
				<li style="width: 2px; height: 40px; background: red;"></li>
				<h1 style="margin-top: -46px; margin-left: 10px;">
					温婉淑女&nbsp;&nbsp;<span style="color: #CCCCCC">LADY</span>
				</h1>
				<li style="margin-left: 10px; font-size: 12px; color: #CCCCCC;">CONTEMPORARY
					ITEMS BEST ONLINE SHOPPING PLACE FOR YOU</li>
			</ul>

			<div class="w floor lazy-fn lazy-fn-done floor-current">
				<div id="clothes" class="">
					<div class="mt">
						<ul class="tab">
							<c:forEach var="clssSys" items="${listClass}">
								<li class="tab-item" style="width: 70px;"><a
									href="javascript:void(0)">${clssSys.name}</a><span>◆</span></li>
							</c:forEach>
						</ul>
					</div>
					<div class="mz" style="margin-left: 4px;">
						<div class="side" style="display: block;">
							<div class="side-inner">
								<div class="banner" clstag="h|keycount|2015|17a1">
									<!-- 2_955_6219 
						<a href="#" title="" target="_blank"><img src="images/56d03188N199b8851.jpg" width="330" height="475" alt="" fclog="0.100158.166065.1.2_955_6219"></a>-->

									<!-- /2_955_6219 -->
								</div>
								<ul class="themes" clstag="h|keycount|2015|17a2">

									<li class="fore1"><a target="_blank" href="#"> <i
											class="icon"></i> <span>男装</span>
									</a></li>
									<li class="fore2"><a target="_blank" href="#"> <i
											class="icon"></i> <span>女装</span>
									</a></li>
									<li class="fore3"><a target="_blank" href="#"> <i
											class="icon"></i> <span>内衣</span>
									</a></li>
									<li class="fore4"><a target="_blank" href="#"> <i
											class="icon"></i> <span>鞋靴</span>
									</a></li>
									<li class="fore5"><a target="_blank" href="#"> <i
											class="icon"></i> <span>箱包</span>
									</a></li>
									<li class="fore6"><a target="_blank" href="#"> <i
											class="icon"></i> <span>奢侈品</span>
									</a></li>
								</ul>
								<ul class="words">
									<li class="fore1"><a href="#" target="_blank"> <span
											class="style-red">女装新品</span>
									</a> <a href="#" target="_blank">品质男鞋</a> <a href="#"
										target="_blank">服装城</a> <a href="#">真丝丝巾</a> <a href="#">时尚女鞋</a>
										<a href="#"> <span class="style-red">男装上新</span>
									</a> <a href="#" target="_blank">舒适内衣</a> <a href="#">奢侈品</a></li>
									<li class="fore2"><a href="#" target="_blank">菩提手串</a> <a
										href="#"><span class="style-red">水晶手链</span></a> <a href="#"
										target="_blank">时尚女包</a> <a href="#" target="_blank">精品男包</a>
										<a href="#">小叶紫檀</a> <a href="#" target="_blank"> <span
											class="style-red">奢品名表</span>
									</a> <a href="#" target="_blank">热销腕表</a> <a href="#"
										target="_blank">新品首发</a></li>
								</ul>
							</div>
							<div class="side-extra">
								<!-- 2_955_6307 -->
								<a href="#"><img width="328" height="157"
									src="images/img/56ce6bcfNd798dc48.jpg"></a>
								<!-- / 2_955_6307 -->
							</div>
						</div>
						<div class="main main-selected" style="display: block;">
							<div class="main-inner">
								<ul class="main-body">
									<c:set var = "qqq1" value="1"></c:set>
									<c:set var = "qqq2" value="439"></c:set>
									<c:forEach items="${adsg}"  var="dug">
												<c:if test="${qqq1 >2 }"><c:set var = "qqq2" value="219"></c:set></c:if>
												<c:if test="${qqq1 < 7 }"> 											
														<li class="fore${qqq1}">
															<input type="hidden"   name ="${dug.id }"  value="${dug.id}">
															<a target="_blank" href="#">
																<img src="images/img/${dug.fileName }"  width="${qqq2 }" height="157">
															</a>
															</li>
															<c:set var = "qqq1" value="${qqq1+1}"></c:set>
												</c:if>
									</c:forEach>
								</ul>
								<ul class="main-extra">
									<c:set var = "qqq3" value="1"></c:set>
									<c:set var = "qqq4" value="1"></c:set>
									<c:set var = "qqq5" value="1"></c:set>
									<c:set var = "qqq6" value="157"></c:set>
									<c:forEach items="${adsg }" var ="adsdf">
											<c:if test="${qqq3 > 6  && qqq3 < 10}">
													<c:if test="${qqq5 > 2 }">	<c:set var = "qqq6" value="316"></c:set></c:if>
													<li class="fore${qqq5 }">
														<input type="hidden"   name ="${adsdf.id }"  value="${adsdf.id}">
														<a target="_blank" href="#">
														<img  src="images/img/${adsdf.fileName }" width="219"  height="${qqq6 }"></a>
													</li>
													<c:set var = "qqq5" value="${qqq5+1 }"></c:set>
											</c:if>
											<c:set var = "qqq3" value="${qqq3+1 }"></c:set>
									 </c:forEach>
								</ul>
							</div>
							<div class="slider">
								<!-- 2_955_6221 -->
								<div class="slider-body" style="position: relative;">
									<ul class="slider-main1"  style="width: 2634px; left: -439px; position: absolute;">
									<c:set var="jj" value="1"></c:set>
									<c:forEach items="${adsg }"  var = "addaasd">
											<c:if test="${jj > 9 }">
												<li class="slider-panel"  style="float: left; display: list-item;">
													<input type="hidden"   name ="${addaasd.id }"  value="${addaasd.id}">
													<a href="#">
														<img  src="images/img/${addaasd.fileName }" width="439" height="315" data-lazy-img="done" alt="">
													</a>
												</li>
											</c:if>
											<c:set var="jj" value="${jj+1 }"></c:set>
									</c:forEach>
									</ul>
								</div>
								<div class="slider-nav">
									<ul>
										<li class="slider-item slider-selected active2"></li>
										<li class="slider-item"></li>
										<li class="slider-item"></li>
										<li class="slider-item"></li>
									</ul>
								</div>
								<!-- 2_955_6221 end-->
								<div class="slider-page">
									<a href="javascript:void(0)" class="slider-prev">&lt;</a> <a
										href="javascript:void(0)" class="slider-next">&gt;</a>
								</div>
							</div>
						</div>
						<c:forEach var="clssSys" items="${listClass}">
								<div class="main hide" style="display: none;">
									<ul class="p-list">
										<c:set var="nana" value="1"></c:set>
										<c:forEach items="${adad }"  var="opop">
														<c:if test="${opop.goodsType == clssSys.id+1}">
														<c:if test="${nana < 9 }">
															<li class="fore${name }" clstag="h|keycount|2015|17c01">
																<div class="p-img">
																	<a target="_blank" href="#" title="${opop.description }">
																		<input type="hidden"   name ="${opop.id }"  value="${opop.id}">
																		<img width="130" height="130" alt="${opop.description }" src="images/img/${opop.fileName }">
																	</a>
																</div>
																<div class="p-name">
																	<a target="_blank" href="#" title="${opop.description }">${opop.description }</a>
																</div>
																<div class="p-price"><span>￥</span>${opop.price }<span>.00</span></div>
															</li>
															<c:set var="nana" value="${nana+1 }"></c:set>
														</c:if>
														</c:if>
										</c:forEach>
									</ul>
									<ul class="img-list">
										<c:set var="nana2" value="1"></c:set>
										<c:set var="nana3" value="1"></c:set>
										<c:forEach items="${adad }"  var="opop1">
												<c:if test="${opop1.goodsType == clssSys.id+1}">
														<c:if test="${nana3 > 8}">
															<li class="fore1">
																<a target="_blank" href="#"> 
																			<input type="hidden"   name ="${opop1.id }"  value="${opop1.id}">
																		<img width="219" height="157" src="images/img/${opop1.fileName }">
																</a>
																<c:set var="nana2" value="${nana2+1 }"></c:set>
															</li>
														</c:if>
														<c:set var="nana3" value="${nana3+1 }"></c:set>
												</c:if>
										</c:forEach>
										
									</ul>
								</div>
						</c:forEach>
					</div>
				</div>

				<div class="brands" style="display: block; margin-left: 4px;">
					<img src="images/img/brounds.png" alt="">
				</div>
			</div>

			<!--热销精品-->
			<!--******************************天天特价-->
			<div class="w clearfix lazy-fn lazy-fn-done" id="lazy-special"
				style="position: absolute; top: 820px; left: 25px;">
				<!--style="position: absolute; top: 5330px; left: 30px;"-->
				<div id="special">
					<div class="mt">
						<h2 style="margin-top: -5px;">天天低价</h2>
					</div>
					<div class="mc">
						<ul>
							<li class="fore1">
								<div class="p-img">
									<a href="#" target="_blank"><img
										src="images/img/56cd4890Ncb5e42dc.png" alt=""></a>
								</div>
								<div class="p-info">
									<div class="p-name" style="margin-top: 10px;">
										<a href="#" target="_blank">小米4 移动合约版 黑色 移动4G手机 不含合约计划</a>
									</div>
									<div class="p-price"
										style="margin-top: -4px; margin-left: 23px;">
										<span>¥199.00</span>
										<div style="margin-top: -18px; margin-left: 70px;">|</div>
										<div style="margin-top: -14px; margin-left: 83px;"
											class="ev_aluate">952人评价</div>
									</div>
								</div>
							</li>
							<li class="fore2">
								<div class="p-img">
									<a href="#" target="_blank"><img
										src="images/img/56cd606eN2bca1efb.png" width="100"
										height="100" alt=""></a>
								</div>
								<div class="p-info">
									<div class="p-name">
										<a href="#" target="_blank">彩虹的梦8000毫安时聚合物移动电源 充电宝 轻薄小巧便携
											白色 官方标配</a>
									</div>
									<div class="p-price">
										<span>￥49.00</span>
									</div>
								</div>
							</li>
							<li class="fore3">
								<div class="p-img">
									<a href="#" target="_blank"><img
										src="images/img/56cd6173Nfdc36700.png" width="100"
										height="100" alt=""></a>
								</div>
								<div class="p-info">
									<div class="p-name">
										<a href="#" target="_blank">德国 进口牛奶 甘蒂牧场（MUH）脱脂纯牛奶1L*12盒</a>
									</div>
									<div class="p-price">
										<span>￥129.00</span>
									</div>
								</div>
							</li>
							<li class="fore4">
								<div class="p-img">
									<a href="#"><img src="images/img/56cd6333Nb7ab172a.png"
										width="100" height="100" alt=""></a>
								</div>
								<div class="p-info">
									<div class="p-name">
										<a href="#" target="_blank">优洋 靠垫办公室腰枕慢回弹腰垫记忆棉腰靠背垫护腰靠垫靠枕
											深咖色 松紧带+延长带</a>
									</div>
									<div class="p-price">
										<span>￥99.00</span>
									</div>
								</div>
							</li>
							<li class="fore5" clstag="h|keycount|2015|31a5">
								<div class="p-img">
									<a href="#"><img src="images/img/56cd635dNdf30e78b.png"
										width="100" height="100" alt=""></a>
								</div>
								<div class="p-info">
									<div class="p-name">
										<a href="#" target="_blank">尼康（NIKON） Coolpix S2900 便携数码相机
											黑色（2005万像素 2.7英寸屏 5倍光学变焦 26mm广角）</a>
									</div>
									<div class="p-price">
										<span>￥479.00</span>
									</div>
								</div>
							</li>
							<li class="fore6">
								<div class="p-img">
									<a href="#" target="_blank"><img
										src="images/img/56cd639aNe4e10658.png" width="100"
										height="100" alt="立客（LIKE）LK-S2011 2.0升 电水壶 全钢防干烧/自动断电"></a>
								</div>
								<div class="p-info">
									<div class="p-name">
										<a href="#" target="_blank">立客（LIKE）LK-S2011 2.0升 电水壶
											全钢防干烧/自动断电</a>
									</div>
									<div class="p-price">
										<span>￥29.90</span>
									</div>
								</div>
							</li>
							<li class="fore7">
								<div class="p-img">
									<a href="#"><img src="images/img/56d00888Nff020c36.png"
										width="100" height="100" alt=""></a>
								</div>
								<div class="p-info">
									<div class="p-name">
										<a href="#" target="_blank">康佳（KONKA）LED65S1 65吋 64位 八核智能
											LED平板液晶电视（黑色）</a>
									</div>
									<div class="p-price">
										<span>￥4799.00</span>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>

				<div class="ss" id="share">
					<div class="mt">
						<h2 style="margin-top: -5px;">热门晒单</h2>
					</div>
					<div class="mc">
						<div class="sw" style="position: relative;">
							<ul style="top: -720px; position: absolute;">
								<li clstag="h|keycount|2015|31b5" data-switchable-clone="1"
									style="display: list-item;">
									<div class="p-img">
										<a href="#"><img src="images/img/55d3f67aNc7bd1217.jpg"
											alt="" width="80" height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="JalenChou1"
												src="images/img/56cfa1c4Nb5d69f89.jpg" alt="JalenChou1"
												width="28" height="28"> <span>JalenChou1</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">给老爸买的手机，昨天晚上下的单…… <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li clstag="h|keycount|2015|31b6" data-switchable-clone="1"
									style="display: list-item;">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/566e3801N5416f870.jpg" alt="电陶炉很好，拆开试了加热很快。"
											width="80" height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="lhm9199" src="images/img/56cfa1ccN3dee9031.jpg"
												alt="lhm9199" width="28" height="28"> <span>lhm9199</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">电陶炉很好，拆开试了加热很快。 <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>

								<li style="display: list-item;">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/5668ee98N42fbbfc0.jpg" alt="" width="80"
											height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="zhou-fei" src="images/img/56cfa1a3Ne51145d7.jpg"
												alt="zhou-fei" width="28" height="28"> <span>zhou-fei</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">质地轻薄挺好吸收的，淡淡的香味…… <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li style="display: list-item;" class="">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/56273f03N5d252709.jpg" alt="感觉还可以，相信京东"
											width="80" height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="沈洪娟" src="images/img/56cfa1aaNea6b7699.jpg"
												alt="沈洪娟" width="28" height="28"> <span>沈洪娟</span>
										</div>
										<div class="p-detail">
											<a target="_blank" title="感觉还可以，相信京东" href="#">感觉还可以，相信京东
												<span class="icon-r">”</span>
											</a> <span class="detail-arrow">◆</span> <span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li style="display: list-item;" class="">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/56c2dd74N1bd18e2b.jpg"
											alt="台灯买来女儿很开心她说非常好用，京东值得肯定！" width="80" height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="微笑xhq66" src="images/img/56cfa1b2N3f8a29be.jpg"
												alt="微笑xhq66" width="28" height="28"> <span>微笑xhq66</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">台灯买来女儿很开心她说非常好用…… <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li style="display: list-item;">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/56580901N2c691a23.jpg" alt="" width="80"
											height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img src="images/img/56cfa1bbNc1ad9a8a.jpg" alt="药材公司办公室"
												width="28" height="28"> <span>药材公司办公室</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">本本今天收到了，真的好薄的好帅…… <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li class="ui-switchable-panel-selected"
									style="display: list-item;">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/55d3f67aNc7bd1217.jpg" alt="" width="80"
											height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="JalenChou1"
												src="images/img/56cfa1c4Nb5d69f89.jpg" alt="JalenChou1"
												width="28" height="28"> <span>JalenChou1</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">给老爸买的手机，昨天晚上,下的单…… <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li class="" style="display: list-item;">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/566e3801N5416f870.jpg" alt="" width="80"
											height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="lhm9199" src="images/img/56cfa1ccN3dee9031.jpg"
												alt="lhm9199" width="28" height="28"> <span>lhm9199</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">电陶炉很好，拆开试了加热很快。 <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li style="display: list-item;">
									<div class="p-img">
										<a href="" target="_blank"><img
											src="images/img/5668ee98N42fbbfc0.jpg" alt="" width="80"
											height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="zhou-fei" src="images/img/56cfa1a3Ne51145d7.jpg"
												alt="zhou-fei" width="28" height="28"> <span>zhou-fei</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">质地轻薄挺好吸收的，淡淡的香味…… <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
								<li style="display: list-item;">
									<div class="p-img">
										<a href="#" target="_blank"><img
											src="images/img/56273f03N5d252709.jpg" alt="感觉还可以，相信京东"
											width="80" height="80"></a>
									</div>
									<div class="p-info">
										<div class="author-info">
											<img title="沈洪娟" src="images/img/56cfa1aaNea6b7699.jpg"
												alt="沈洪娟" width="28" height="28"> <span>沈洪娟</span>
										</div>
										<div class="p-detail">
											<a target="_blank" href="#">感觉还可以，相信京东 <span
												class="icon-r">”</span></a> <span class="detail-arrow">◆</span>
											<span class="icon-l">“</span>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--盒子结尾-->

			<!--*****************************************************底部-->
			<div class="lazy-fn lazy-fn-done" id="lazy-footer" class="abd_in"
				style="margin-top: 360px;">
				<div id="service-2014">
					<div class="slogen">
						<img src="images//img/duo.png" alt="">
					</div>
					<div class="w">
						<dl class="fore1">
							<dt>购物指南</dt>
							<dd>
								<div>
									<a rel="nofollow" target="_blank" href="#">购物流程</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">会员介绍</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">生活旅行/团购</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">常见问题</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">大家电</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">联系客服</a>
								</div>
							</dd>
						</dl>
						<dl class="fore2">
							<dt>配送方式</dt>
							<dd>
								<div>
									<a rel="nofollow" target="_blank" href="#">上门自提</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">211限时达</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">配送服务查询</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">配送费收取标准</a>
								</div>
								<div>
									<a target="_blank" href="#">海外配送</a>
								</div>
							</dd>
						</dl>
						<dl class="fore3">
							<dt>支付方式</dt>
							<dd>
								<div>
									<a rel="nofollow" target="_blank" href="#">货到付款</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">在线支付</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">分期付款</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">邮局汇款</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">公司转账</a>
								</div>
							</dd>
						</dl>
						<dl class="fore4">
							<dt>售后服务</dt>
							<dd>
								<div>
									<a rel="nofollow" target="_blank" href="#">售后政策</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">价格保护</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">退款说明</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">返修/退换货</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">取消订单</a>
								</div>
							</dd>
						</dl>
						<dl class="fore5">
							<dt>特色服务</dt>
							<dd>
								<div>
									<a target="_blank" href="#">夺宝岛</a>
								</div>
								<div>
									<a target="_blank" href="#">DIY装机</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">延保服务</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">京东E卡</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">京东通信</a>
								</div>
								<div>
									<a rel="nofollow" target="_blank" href="#">京东JD+</a>
								</div>
							</dd>
						</dl>
						<div id="coverage">
							<div class="dt">
								<h3 style="margin-top: 30px; color: #8B7D7B;">京东自营覆盖区县</h3>
							</div>
							<div class="dd">
								<p>京东已向全国2423个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
								<p class="ar">
									<a target="_blank"
										href="http://help.jd.com/user/issue/103-983.html">查看详情&nbsp;&gt;</a>
								</p>
							</div>
						</div>
						<span class="clr"></span>
					</div>
				</div>
				<div class="map">
					<img src="images/img/view.png" />
				</div>
				<!--线条-->
				<div class="sli_so"></div>
				<!--style="border: 1px #333333 solid; margin-top: 60px; margin-left: 20px; width: 1220px;"-->
				<div class="w">
					<div id="footer-2014" style="text-align: center;">
						<div class="links_1">
							<ul>
								<li>关于我们</li>|
								<li>联系我们</li>|
								<li>商家入驻</li>|
								<li>营销中心</li>|
								<li>手机京东</li>|
								<li>友情链接</li>|
								<li>销售联盟</li>|
								<li>京东社区</li>|
								<li>京东公益</li>|
								<li>English Site</li>|
								<li>Contact Us</li>
							</ul>
						</div>

						<div class="links_2">
							<ul>
								<li class="li_images"><a href="#">京公网安备 11000002000088号
								</a></li>|

								<li>京ICP证070359号</li>|

								<li><a href="#"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a></li>|

								<li>新出发京零 字第大120007号</li>
							</ul>
						</div>

						<div class="links_3">
							<ul>
								<li><a href="#">互联网出版许可证编号新出网证(京)字150号</a></li>|
								<li>出版物经营许可证</li>|
								<li><a href="#"><li>网络文化经营许可证京网文[2014]2148-348号</li></a></li>
								<li>违法和不良信息举报电话：4006561155</li>
							</ul>
						</div>

						<div class="links_4">
							<ul>
								<li><a href="#"> Copyright © 2004 - 2020 京东JD.com 版权所有
								</a></li>|
								<li>消费者维权热线：4006067733 经营证照</li>|
								<li>(京)网械平台备字(2018)第00003号</li>
								<li><a href="#"> 营业执照</a></li>
							</ul>
						</div>

						<div class="links_5">
							<ul>
								<li
									style="background: url(img/小图标.png) no-repeat; padding-left: 30px; padding-top: 5px;">
									<a href="#">Global Site</a>
								</li>|

								<li
									style="background: url(img/小图标.jpg) no-repeat; padding-left: 30px; padding-top: 3px;">
									<a href="#">Сайт России</a>
								</li>|

								<li
									style="background: url(img/小图标2.jpg) no-repeat; padding-left: 30px; padding-top: 2px;">
									<a href="#">Situs Indonesia</a>
								</li>|

								<li
									style="background: url(img/小图标3.jpg) no-repeat; padding-left: 30px; padding-top: 1px;">
									<a href="#">Sitio de España</a>
								</li>|

								<li
									style="background: url(img/小图标5.jpg) no-repeat; padding-left: 30px; padding-top: 1px;">
									<a href="#">เว็บไซต์ประเทศไทย</a>
								</li>
							</ul>
						</div>

						<div class="links_6">
							<ul>
								<li>京东旗下网站： <a href="#">京东钱包</a></li>|
								<li><a href="#">京东智联云</a></li>
							</ul>
						</div>

						<div class="links_7">
							<ul>
								<li><a href="#"><img
										src="images/img/54b8871eNa9a7067e.png" /></a></li>
								<li><a href="#"><img
										src="images/img/54b8875fNad1e0c4c.png" /></a></li>
								<li><a href="#"><img src="images/img/7e.jpg" /></a></li>
								<li><a href="#"><img
										src="images/img/5698dc03N23f2e3b8.jpg" /></a></li>
								<li><a href="#"><img
										src="images/img/5698dc16Nb2ab99df.jpg" /></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/ad.js"></script>
	<script>
		$(function() {
			//----------设置搜索框
			helangSearch.init();

			//我的购物车
			//初始状态下，cartList层被隐藏
			//1
			$(".car_t").hover(function() {
				$(".shop").show();
				$(".car_t").css({
					"backgroundColor" : "#fff",
					"zIndex" : "11",
					"borderBottom" : "none"
				});
				$("#cartList").css("margin-top", "-1px");
			}, function() {
				$(".shop").hide();
				$(".car_t").css({
					"background" : "#F3F3F3",
					"box-shadow" : "",
					"borderBottom" : "block"
				});
				$(".car_t").css({
					"border" : "1px #CCCCCC solid"
				});
			})

			//2
			$(".shop").hover(function() {
				$(".shop").show();
				$(".car_t").css({
					"backgroundColor" : "#fff",
					"zIndex" : "100",
					"borderBottom" : "none"
				});
				$("#cartList").css("margin-top", "-1px");

			}, function() {
				$(".shop").hide();
				$(".car_t").css({
					"background" : "#F3F3F3",
					"box-shadow" : "",
					"borderBottom" : "block"
				});
				$(".car_t").css({
					"border" : "1px #CCCCCC solid"
				});
			})

			//设置收藏小图标
			$(".reco-m").hover(function() {
				$(".dsv").show();
			}, function() {
				$(".dsv").hide();
			})

			//删除广告小图标
			$("#backs").click(function() {
				$(".advertising img").parent().parent().remove();
			})

			//限时活动滚动图
			$(".example2").luara({
				width : "194",
				height : "275",
				interval : 3500,
				selected : "seleted",
				deriction : "left"
			});
		})

		/* 搜索 */
		var helangSearch = {
			/* 元素集 */
			els : {},
			/* 搜索类型序号 */
			searchIndex : 0,
			/*搜索列表 */
			hot : {
				/* 颜色 */
				color : [ '#ff2c00', '#ff5a00', '#ff8105', '#fd9a15',
						'#dfad1c', '#6bc211', '#3cc71e', '#3cbe85', '#51b2ef',
						'#53b0ff' ],
				/* 列表 */
				list : [ '大家都在穿......', '女装新品', '商场同款', '连衣裙', 'T恤', '休闲鞋',
						'衬衫', '牛仔裤', '短外套' ]
			},
			/* 初始化 */
			init : function() {
				var _this = this;
				this.els = {
					pickerBtn : $(".picker"),
					pickerList : $(".picker-list"),
					logo : $(".logo"),
					hotList : $(".hot-list"),
					input : $("#search-input"),
					button : $(".search")
				};

				/* 设置搜索列表引擎 */
				this.els.hotList
						.html(function() {
							var str = '';
							$
									.each(
											_this.hot.list,
											function(index, item) {
												str += '<a href="https://search.jd.com/Search?keyword=%E5%A5%B3%E8%A3%85%E6%96%B0%E5%93%81&enc=utf-8&suggest=1.his.0.0&wq=&pvid=ce71b6665d204a8b9586cd62162b4dcd='
														+ item
														+ '" target="_blank">'
														+ '<div class="number" style="color: ' + _this.hot.color[index] + '">'
														+ (index + 1)
														+ '</div>'
														+ '<div>'
														+ item
														+ '</div>'
														+ '</a>';
											});
							return str;
						});

				/* 注册事件 */
				/* 搜索类别选择按钮 */
				this.els.pickerBtn.click(function() {
					if (_this.els.pickerList.is(':hidden')) {
						setTimeout(function() {
							_this.els.pickerList.show();
						}, 100);
					}
				});
				/* 搜索类别选择列表 */
				this.els.pickerList.on("click", ">li", function() {
					_this.els.logo.css("background-image", ('url(img/'
							+ $(this).data("logo") + ')'));
					_this.searchIndex = $(this).index();
				});
				/* 搜索 输入框 点击*/
				this.els.input.click(function() {
					if (!$(this).val()) {
						setTimeout(function() {
							_this.els.hotList.show();
						}, 100);
					}
				});
				/* 搜索 输入框 输入*/
				this.els.input.on("input", function() {
					if ($(this).val()) {
						_this.els.hotList.hide();
					}
				});
				/* 搜索按钮 */
				this.els.button.click(function() {
					var searchArr = [ '连衣裙', 'T恤', '卫衣', '休闲鞋' ];
					//alert(searchArr[_this.searchIndex]+"搜索："+_this.els.input.val());
					alert("来啦？老弟？");
				});
				/* 文档 */
				$(document).click(function() {
					_this.els.pickerList.hide();
					_this.els.hotList.hide();
				});
			}
		};

		//购物车控制显示
		$("#head_car").hover(function() {
			$(this).css("background", "#FBFEE9");
			$(".head_car_text").css("color", "#ff6700");
			$("#car_content").css({
				"width" : "300px"
			}).animate({
				height : "100px"
			}, 400).finish();
		}, function() {
			$(this).css("background", "#424242");
			$(".head_car_text").css("color", "#b0b0b0");
			$("#car_content").css({
				"width" : "300px"
			}).animate({
				height : "0px"
			}, 400);
		})
		//搜索框失去和获取焦点border颜色改变
		$("#find_input").focus(function() {
			$("#find_wrap").css("border", "1px solid #ff6700");
			$("#find_but").css("border-left", "1px solid #ff6700");
		})
		$("#find_input").blur(function() {
			$("#find_wrap").css("border", "1px solid #F0F0F0");
			$("#find_but").css("border-left", "1px solid #F0F0F0");
		})
		//搜索按钮的背景颜色改变
		$("#find_but").hover(function() {
			$(this).css({
				"background" : "#ff6700",
				color : "#fff"
			});
		}, function() {
			$(this).css({
				"background" : "#fff",
				color : "#424242"
			});
		})
		//菜单栏的显示
		$("#banner_menu_wrap").children().hover(
				function() {
					$(this).css("background", "#ff6700");
					$(this).children(".banner_menu_content").css("border",
							"1px solid #F0F0F0").show();
				},
				function() {
					$(this).css("background", "none");
					$(this).children(".banner_menu_content").css("border",
							"0px solid #F0F0F0").hide();
				})

		$(function() {
			var i = 0;
			function automatic() {
				i += 1;
				if (i >= allimg) {
					i = 0;
				}
				img_change();
			}
			change_self_time = setInterval(automatic, 3000);
			$("#big_banner_change_prev").click(function() {
				i += 1;
				if (i >= allimg) {
					i = 0;
				}
				img_change();
			})
			$("#big_banner_change_next").click(function() {
				i -= 1;
				if (i <= 0) {
					i = allimg - 1;
				}
				img_change();
			})
		})
		//border-top color设置
		$(function() {
			$("#head_hot_goods_content").children().children().eq(0).css(
					"border-color", "#ff7600");
			$("#head_hot_goods_content").children().children().eq(1).css(
					"border-color", "red");
			$("#head_hot_goods_content").children().children().eq(2).css(
					"border-color", "#adff2f");
			$("#head_hot_goods_content").children().children().eq(3).css(
					"border-color", "#6495ed");
			$("#head_hot_goods_content").children().children().eq(4).css(
					"border-color", "#6a5acd");
			$("#head_hot_goods_content").children().children().eq(5).css(
					"border-color", "#ff7600");
			$("#head_hot_goods_content").children().children().eq(6).css(
					"border-color", "red");
			$("#head_hot_goods_content").children().children().eq(7).css(
					"border-color", "#adff2f");
			$("#head_hot_goods_content").children().children().eq(8).css(
					"border-color", "#6495ed");
			$("#head_hot_goods_content").children().children().eq(9).css(
					"border-color", "#6a5acd");
		})
		//控制left
		$("#head_hot_goods_prave").click(function() {
			$("#head_hot_goods_content").children("ul").animate({
				left : "-1226px"
			}, 300)
		})
		$("#head_hot_goods_next").click(function() {
			$("#head_hot_goods_content").children("ul").animate({
				left : "0"
			}, 300)
		})
		$("#head_hot_goods_prave").hover(function() {
			$(this).css("color", "#ff6700");
		}, function() {
			$(this).css("color", "#BEBEBE");
		})
		$("#head_hot_goods_next").hover(function() {
			$(this).css("color", "#ff6700");
		}, function() {
			$(this).css("color", "#BEBEBE");
		})

		$(".floor_goods_wrap_li").hover(function() {
			$(this).css({
				"top" : "-5px",
				"box-shadow" : "0px 15px 30px rgba(0,0,0,0.2)"
			});
		}, function() {
			$(this).css({
				"top" : "0px",
				"box-shadow" : "none"
			});
		})

		$(".foot_bottom_r").children("span").hover(function() {
			$(this).css({
				"background" : "#ff6700",
				color : "#fff"
			});
		}, function() {
			$(this).css({
				"background" : "none",
				color : "#ff6700"
			});
		})

		//设置换一批
		window.onload = function() {
			var clickTimes = 1;

			//反转的总列数
			var Count = 6;

			var btnRefresh = document.querySelector("#btnRefresh");
			var iconRefresh = document.querySelector(".iconRefresh")

			var imgList = document.querySelectorAll(".img-3d");
			var len = imgList.length;

			//点击事件
			btnRefresh.onclick = function() {
				iconRefresh.style.transition = ".3s linear";
				iconRefresh.style.transform = "rotate(" + 360 * clickTimes
						+ "deg)";

				for (var i = 0; i < len; i++) {
					var colNum = parseInt(i / Count);
					var rowNum = i % Count;
					var delayTime = (colNum + rowNum) * 100;
					imgList[i].style.transition = ".3s " + delayTime
							+ "ms linear";
					imgList[i].style.transform = "rotateY(" + 180 * clickTimes
							+ "deg)";
				}
				clickTimes++;
			}
		}

		//设置悬浮旋转
		var times = 1;
		$("#btnRefresh").hover(function() {
			var btn = document.querySelector("#btnRefresh"); //换一批--盒子
			var ico = document.querySelector(".iconRefresh") //ioc小图片
			ico.style.transition = ".3s linear";
			ico.style.transform = "rotate(" + 360 * times + "deg)";
			times++;
		})

		//限时活动限时秒杀
		var sum = parseInt(40000); //设置倒计时总秒
		function timer(sum) {
			window.setInterval(function() {
				var day = 0, hour = 0, minute = 0, second = 0;
				if (sum > 0) {
					day = Math.floor(sum / (60 * 60 * 24));
					hour = Math.floor(sum / (60 * 60)) - (day * 24);
					minute = Math.floor(sum / 60) - (day * 24 * 60)
							- (hour * 60);
					second = Math.floor(sum) - (day * 24 * 60 * 60)
							- (hour * 60 * 60) - (minute * 60);
				}

				if (minute <= 9) {
					minute = '0' + minute;
				}

				if (second <= 9) {
					second = '0' + second;
				}

				$("#hour_show").html('<s id="h"></s>' + hour);
				$("#minute_show").html('<s></s>' + minute);
				$("#second_show").html('<s></s>' + second);
				sum--;
			}, 1000)
		}
		timer(sum);

		$(function() {
			//设置商品左滚动
			$(".prev").click(function() {
				left_side();
			})

			//设置商品右滚动
			$(".next").click(function() {
				right_side();
			})
		})

		//商品左滚动
		function left_side() {
			//alert("来啦？老弟");
			var aui_left = $(".aui-content-box-list");
			var aui_right = ($(".aui-content-box-list li").width()) * -1;

			aui_left.stop().animate({
				left : aui_right
			}, "slow", function() {
				var left_first = $(".aui-content-box-list ul li").first();
				aui_left.find("ul").append(left_first);
				$(this).css("left", "0px");
				circle()
			})
		}

		//设置循环
		function circle() {
			var currentItem = $(".aui-content-box-list ul li").first();

			var currentIndex = currentItem.attr("index");

			$(".circle li").removeClass("circle-cur");

			$(".circle li").eq(currentIndex).addClass("circle-cur");
		}

		//商品右滚动
		function right_side() {
			//alert("来啦？老弟");
			var vcon = $(".aui-content-box-list ");
			var offset = ($(".aui-content-box-list li").width() * -1);
			var lastItem = $(".aui-content-box-list ul li").last();
			vcon.find("ul").prepend(lastItem);
			vcon.css("left", offset);
			vcon.animate({
				left : "0px"
			}, "slow", function() {
				circle()
			})
		}

		//国际大牌
		$(function() {
			var oPlay = document.getElementById('play');
			var aLi = oPlay.getElementsByTagName('li');
			var oButton = document.getElementById('button');
			var aDiv = oButton.getElementsByTagName('div');
			var oPrev = document.getElementById('prev');
			var oNext = document.getElementById('next');
			var oFlash = document.getElementById('flash');
			var now = 0;
			var timer2 = null;
			for (var i = 0; i < aDiv.length; i++) {
				aDiv[i].index = i;
				aDiv[i].onmouseover = function() {
					if (now == this.index)
						return;
					now = this.index;
					tab();
				}
			}
			oPrev.onclick = function() {
				now--;
				if (now == -1) {
					now = aDiv.length - 1;
				}
				tab();
			}
			oNext.onclick = function() {
				now++;
				if (now == aDiv.length) {
					now = 0;
				}
				tab();
			}
			oFlash.onmouseover = function() {
				clearInterval(timer2);
			}
			oFlash.onmouseout = function() {
				timer2 = setInterval(oNext.onclick, 3000);
			}
			timer2 = setInterval(oNext.onclick, 5000);

			function tab() {
				for (var i = 0; i < aLi.length; i++) {
					aLi[i].style.display = 'none';
				}
				for (var i = 0; i < aDiv.length; i++) {
					aDiv[i].style.background = "#DDDDDD";
				}
				aDiv[now].style.background = '#A10000';
				aLi[now].style.display = 'block';
				aLi[now].style.opacity = 0;
				aLi[now].style.filter = "alpha(opacity=0)";
				jianbian(aLi[now]);
			}

			//切换淡入淡出
			function jianbian(obj) {
				var alpha = 0;
				clearInterval(timer);
				var timer = setInterval(function() {
					alpha++;
					obj.style.opacity = alpha / 100;
					obj.style.filter = "alpha(opacity=" + alpha + ")";
					if (alpha == 100) {
						clearInterval(timer);
					}
				}, 10);
			}
		})

		//温婉淑女
		//**************服装鞋包选项卡*******************
		$(function() {
			$('.tab li').mouseover(
					function() {
						$(this).addClass('acti_vet').siblings().removeClass(
								'acti_vet');
						$('.tatab-item span').css('right', '1px');
						var index = $(this).index();
						$('.main').eq(index).show().siblings().hide();
						$('.side').css('display', 'block');
					})

		})

		//**************服装鞋包轮播*******************
		$(function() {
			//scroll news
			var scrnews = $(".slider .slider-main1");
			//获取序号元素
			var liNum = $(".slider-item");
			console.log(liNum)
			var newst = setInterval(scro, 4500);
			scrnews.hover(function() {
				clearInterval(newst);
			}, function() {
				newst = setInterval(scro, 3500);
			})
			//点击右方向按钮
			$('.slider-next').bind('click', function() {
				//将第一张图片切换到后面
				scrnews.children("li:first").appendTo(scrnews);
			});
			//点击左方向按钮
			$('.slider-prev').bind('click', function() {
				clearInterval(newst);
				//将第一张图片切换到前面
				scrnews.children("li:last").prependTo(scrnews);
			});

			var i = 0;

			function scro() {
				scrnews.animate({
					left : -439
				}, 2000, function() {
					$(this).children("li:first").appendTo(this);
					$(this).css("left", 0);
				})
				//序号变化
				liNum.removeClass('active2');
				liNum.eq(i).addClass('active2');
				i++;
				if (i > 3) {
					i = 0;
				}
			}
		})

		//**************天天特价*******************
		$(function() {

			//scroll news
			var scrnews = $(".sw ul");

			if (scrnews.children().length < 10) {
				return false;
			}
			var newst = setInterval(scro, 3500);
			scrnews.hover(function() {
				clearInterval(newst);
			}, function() {
				newst = setInterval(scro, 3500);
			})

			function scro() {
				scrnews.animate({
					marginTop : -100
				}, 1500, function() {
					$(this).children("li:first").appendTo(this);
					$(this).css("marginTop", '20px');
				})
			}

		})
		$(function() {
			//当点击跳转链接后，回到页面顶部位置  
			$("#jdm-tbar-tab-top").click(function() {
				$('body,html').animate({
					scrollTop : 0
				}, 2000);
				return false;
			});
		});
		//*************hidein*****
		$(function() {
			$('.hidein').click(function() {
				$(this).css('display', 'none');
				$('#jd_chaojidapai').css('display', 'none');
			})
		})
	</script>
</body>
</html>